@import "@style/common.scss";

body {
  .content {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    .button {
      padding: 8px;
      border: none;
      border-radius: 4px;
      background-color: #007bff;
      color: #fff;
      cursor: pointer;
      
    }
    .button2 {
      flex-grow: 1;
      margin: 0;
      margin: 10px;
      box-sizing: border-box;
      text-align: center;
    }

    .button:hover {
      background-color: #0069d9;
    }

    .button:focus {
      outline: none;
    }

    .tox-promotion {
      display: none !important;
    }
  }

  #banner {
    width: 100%;
    height: 300px;
    max-width: 100%;
    background: url(~@assets/News/banner.jpg) no-repeat center center;

    .container {
      height: 100%;

      .row {
        color: #fff;
        height: 100%;

        .title {
          p {
            margin: 20px 0;
          }
        }
      }
    }

  }

  .section {
    position: relative;
    padding: 3rem 0;

    h3 {
      margin: 0 0 2rem;
      color: #194597;
    }

    .row {
      margin: 2rem 0;

      .News_Cont {
        border-right: 1px solid #eee;

        .media {
          margin-bottom: 2rem;

          img {
            width: 180px;
          }

          h5 {
            margin-bottom: 0.5rem !important;
          }

          p {
            color: #869ab8 !important;
            line-height: 28px;
            text-overflow: ellipsis;
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
          }
        }
      }

      .News_Side {
        background: #f2f2f2;
      }
    }
  }
}